<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>

<div class="col-xs-12">	
	<form:form commandName="sysUserFilter" cssClass="form-horizontal" role="form">
		<div class="form-group">
			<label class="col-sm-2 control-label no-padding-right" for="name-filter">姓名</label>
			<div class="col-sm-3">
				<input type="text" name="name" id="name-filter" placeholder="请输入姓名" class="form-control">
			</div>

			<label class="col-sm-2 control-label no-padding-right" for="mobile-filter">手机号码</label>
			<div class="col-sm-3">
				<input type="text" name="mobile" id="mobile-filter" placeholder="请输入用户手机号码" class="form-control">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label no-padding-right" >单位</label>
			<div class="col-sm-3">
				<select name="deptId" id="e1">
					<option></option>
 					<c:forEach items="${bookLists}" var="bookList">
						<option value="${bookList.sysId}">${bookList.deptName}</option>
					</c:forEach>
				</select>
			</div>
			<label class="col-sm-2 control-label no-padding-right" for="roleId-filter">用户角色</label>
			<div class="col-sm-3">
					<%--<input type="text" name="mobile" id="roleId-filter" placeholder="请输入用户编号" class="form-control" value="${sysUserFilter.moble }">--%>
				<select class="form-control" name="roleId" id="roleId-filter">
					<option value="">请选择用户角色</option>
					<option value="01">县领导</option>
					<option value="02">主要领导</option>
					<option value="03">分管领导</option>
					<option value="04">经办人</option>
				</select>
			</div>
		</div>
	</form:form>
</div>
<script>
    $(document).ready(function () {
        $("#e1").select2({
            placeholder: "请输入或点击选择单位",
            width: "100%",
        });

    });

    //所有下拉框
    var $select2_container = $(".select2-container");
    //多的删掉
    if ($select2_container.length>1){
        $select2_container.eq(0).remove();
        $select2_container.show();
	}
</script>